<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <h1>
        nihao 我叫
    </h1>
</head>
<body>
<a href="https://www.yuque.com/tfmikv/kgwqob/dlsq31">语雀链接</a>
<p>hello,world!</p>
<b>Hello World</b>
<strong>Hello World</strong>
<i>Hello World</i>
<em>Hello World</em>
<del>Hello World</del>
<s>Hello World</s>
<small>Hello World</small>
Hello World<sub>1</sub>
Hello World<sup>2</sup>
<span>Hello World</span>
hello,world!

<p>   我是一张图片   <br>   <img width="500" height="250"         src="发票05.jpeg"> </p>
<p><a href="https://baidu.com">     Fallback link for browsers that don't support iframes   </a></p>

<video src="rabbit320.webm" controls>   <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.webm">link to the video</a> instead.</p>  </video>
<iframe src="https://baidu.com"         width="500" height="500" frameborder="0"         allowfullscreen sandbox>
    <p><a href="https://baidu.com">     Fallback link for browsers that don't support iframes   </a></p> </iframe>

<form action="/echo" method="POST">
    <p>用户名：<input type="text" name="username"></p>
    <p>密码：<input type="password" name="password"></p>
    <p><button type="submit">登录</button></p>
</form>
<p><textarea style="width: 300px; height: 200px;"></textarea> </p>
<p><input type="radio" name="gender" value="male">
    <label for="male">Male</label>
    <input type="radio" name="gender" value="female">
    <label for="female">Female</label></p>

<p><input type="checkbox" name="gender" value="male">
    <label for="male">Male</label>
    <input type="checkbox" name="gender" value="female">
    <label for="female">Female</label></p>

<select>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
</select>

<select>
    <option value="option1" >Option 1</option>
    <option value="option2" >Option 2</option>
    <option value="option3" selected>Option 3</option>
</select>

<select multiple>
    <option value="option1" >Option 1</option>
    <option value="option2" >Option 2</option>
    <option value="option3" selected>Option 3</option>
</select>

<select multiple>
    <optgroup label="Group 1">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
    </optgroup>
    <optgroup label="Group 2">
        <option value="option3">Option 3</option>
        <option value="option4">Option 4</option>
    </optgroup>
</select>

<input type="file">
<input type="file" multiple>

<input type="date">/<input type="datetime-local">/<input type="month">/<input type="week">/<input type="time">

<input type="checkbox" name="option1" checked>
<label for="option1">选项1</label>
<input type="radio" name="gender" value="male" checked>
<label for="gender">男</label>
<input type="radio" name="gender" value="female">
<label for="gender">女</label>

<form id="form" name="form1" action="http://www.baidu.com">
    <input type="text">
    <input type="reset" value="reset">
</form>

<table border="1">
    <thead>
    <tr>
        <th>浏览器</th>
        <th>渲染引擎</th>
        <th>JavaScript 引擎</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th>Chrome</th>
        <td>Blink</td>
        <td>V8</td>
    </tr>
    <tr>
        <th>Opera</th>
        <td>Blink</td>
        <td>V8</td>
    </tr>
    </tbody>
</table>

<table border="1">
    <thead>
    <tr>
        <th>浏览器</th>
        <th>渲染引擎</th>
        <th>JavaScript 引擎</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th>Chrome</th>
        <td rowspan="2">Blink</td>
        <td rowspan="2">V8</td>
    </tr>
    <tr>
        <th>Opera</th>
    </tr>
    </tbody>
</table>

<table border="1">
    <thead>
    <tr>
        <th>浏览器</th>
        <th>Chrome</th>
        <th>Opera</th>
        <th>Firefox</th>
        <th>Edge</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th>渲染引擎</th>
        <td colspan="2">Blink</td>
        <td>Gecko</td>
        <td>Edge</td>
    </tr>
    </tbody>
</table>

<table border="1">
    <!-- caption 必须是table的第一个元素 -->
    <caption>浏览器及其引擎</caption>
    <thead>
    <tr>
        <th>浏览器</th>
        <th>Chrome</th>
        <th>Opera</th>
        <th>Firefox</th>
        <th>Edge</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th>渲染引擎</th>
        <td colspan="2">Blink</td>
        <td>Gecko</td>
        <td>Edge</td>
    </tr>
    </tbody>
</table>

<table>
    <colgroup>
        <col style="background-color: yellow;">
        <col span="3" style="background-color: lightblue;">
    </colgroup>
    <tr>
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列3</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
        <td>单元格3</td>
    </tr>
</table>

</body>
</html>